<template>
	<view>
		<cu-custom title="系统设置" ></cu-custom>
		<view class="m-t-10">
			<view class="form-detail " >
				<view class="l-m-b l-m-l">
					
					<text>修改手机号</text>
				</view>
				<view class="l-m-b l-m-r">
					
					<u-icon name="arrow-right" size="34rpx" color='#333'></u-icon>
				</view>
			</view>
			<view class="form-detail " >
				<view class="l-m-b l-m-l">
					
					<text>修改密码</text>
				</view>
				<view class="l-m-b l-m-r">
					
					<u-icon name="arrow-right" size="34rpx" color='#333'></u-icon>
				</view>
			</view>
			<view class="form-detail " >
				<view class="l-m-b l-m-l">
					
					<text>关于学乐狮</text>
				</view>
				<view class="l-m-b l-m-r">
					
					<u-icon name="arrow-right" size="34rpx" color='#333'></u-icon>
				</view>
			</view>
			<view class="form-detail " >
				<view class="l-m-b l-m-l">
					
					<text>软件卸载</text>
				</view>
				<view class="l-m-b l-m-r">
					
					<u-icon name="arrow-right" size="34rpx" color='#333'></u-icon>
				</view>
			</view>
			
			
		</view>
		<view class="uni-form-item uni-column in-text b-t-n b-u-c m-15 m-t-30 c-l m-b-30" style="padding-bottom: 30px;">
			<button> 退出当前账号</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="less" scoped>
@import '@/static/css/common.css';
.form-detail{ height: 50px; line-height: 50px;
input{ text-align: right; height: 50px; line-height: 50px;}
}
.form-detail{ background: #fff; font-size: 32rpx; border-bottom: 1px solid #f8f8f8;  height: 98rpx; line-height: 98rpx;}
.l-m-b{ display: flex; 
uni-image{ max-height: 35rpx;max-width: 40rpx; margin-top: 30rpx;}
}
.img-s{ height: 35px; width: 35px;}
.l-m-l{ float: left; padding-left: 35rpx; font-weight: bold; font-size: 14px;}
.l-m-r{ float: right; padding-right: 35rpx; height: 98rpx; line-height: 98rpx;  text-align: right; display: ;}
.b-t-n{ border-bottom: none;}
.b-u-c button{ background: #EA3457; color: #fff; border: none; width: 100%; border-radius: 80rpx;}
</style>
